*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ruby-wrapper > ul{position:relative}ul.ruby-menu > li{float:left;}ul.ruby-menu > li.ruby-menu-right{float:right}ul.ruby-menu > li > a{display:block;line-height:20px;}ul.ruby-menu > li > a:only-child{/*padding:0 15px*/}ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after{content:''}ul.ruby-menu > li.ruby-active-menu-item > a{background:#17a47d}ul.ruby-menu > li > a > img{max-width:16px;display:block}ul.ruby-menu > li.ruby-menu-social > a{padding:0;width:30px;padding:0 8px;font-size:16px}ul.ruby-menu > li.ruby-menu-social > a > span{display:none}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a{transition:all .5s ease;max-height:50px;width:30px;transition:all .5s ease;transition-delay:.3s}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover{width:120px}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input{transform:scaleY(1);max-width:80px}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span{display:inline}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input{position:absolute;width:80px;height:50px;line-height:50px;margin:0;background:none;color:#efefef;border:none;font-size:14px;font-weight:700;text-transform:uppercase;max-width:0;transform:scaleY(0);transition:all .5s ease;transition-delay:.3s}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus{outline:none;color:#efefef}ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder{color:#efefef}ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a{border-left:1px solid #111;border-right:1px solid #666}ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a{border-left:none}ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a{border:none;border-top:1px solid #111;border-bottom:1px solid #666}ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a{border-top:none}ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a{border-right:1px solid #19ad86}ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a{border-bottom:1px solid #19ad86}ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a{border-right:1px solid #17a47d}ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a{border-bottom:1px solid #17a47d}ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul{position:absolute;-webkit-box-shadow:0 8px 24px -5px #ccc;-moz-box-shadow:0 8px 24px -5px #ccc;box-shadow:0 8px 24px -5px #ccc;border-top:4px solid #19ad86}ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li{position:relative}ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a{display:block;width:170px;line-height:40px;padding:0 35px 0 25px;background:#fff;color:#666;text-decoration:none;font-size:14px}ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover{background:#efefef}ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after{content:""}ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa{position:relative;width:24px}ul.ruby-menu > li.ruby-menu-right > ul{right:0}ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul{left:170px;top:-4px;z-index:100}ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul{left:auto;right:170px}ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div{position:absolute;width:100%;height:auto;top:40px;left:0;background:#fff;border-top:0px solid #edf2f6;overflow:hidden;}ul.ruby-menu.other > li.ruby-menu-mega > div,ul.ruby-menu.other > li.ruby-menu-mega-blog > div,ul.ruby-menu.other > li.ruby-menu-mega-shop > div{position:absolute;width:100%;height:auto;top:57px;left:0;background:#fff;border-top:0px solid #edf2f6;overflow:hidden;z-index:3;width: 100vw !important;max-width:100vw !important; box-shadow: 2px 1px 4px 3px #eae9e9;/* max-width:1440px;margin-left: calc(-43.25vw + 50%) !important; */}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav{position:relative;width:30%;height:100%;left:0;top:0;background:#efefef}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li{border-bottom:1px solid rgba(0,0,0,0);}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a{display:block;line-height:40px;padding:0px;background:#efefef;color:#666;width:100%;text-decoration:none}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a{width:100%;}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div{position:absolute;width:71.4vw;height:auto;min-height:100%;left:100%;top:0;background:#fff}ul.ruby-menu > li.ruby-menu-mega-shop > div{text-align:center;z-index:999999}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul{width:100%;background:#efefef;margin:0 auto;padding:0;border-bottom:1px solid #ddd;font-size:0;z-index:100}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li{display:inline-block;margin:0}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a{display:block;padding:20px 15px;text-transform:uppercase;font-weight:700;font-size:14px;font-stretch:expanded;color:#666}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a{text-decoration:none}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a{position:relative;text-decoration:none;display:inline-block}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div{position:absolute;width:100%;left:0;top:auto;margin-top:1px;text-align:left;background:#fff;z-index:-1}div.ruby-grid,div.ruby-grid-lined{position:relative;width:100%;padding:0;margin:0}div.ruby-grid > div.ruby-row{position:relative;width:100%;height:auto}div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"]{margin-top:16px}div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"]{margin-top:0}div.ruby-grid.ruby-grid-lined > div.ruby-row:after{content:"";width:100%;height:1px;left:0;bottom:0;background:-webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)}div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after{height:0}div.ruby-grid > div.ruby-row::after{content:"";display:table;clear:both}div.ruby-grid > div.ruby-row [class^="ruby-col"]{position:relative;float:left;height:auto}div.ruby-grid > div.ruby-row > [class^="ruby-col"]{padding:16px}div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]{padding-left:16px}div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type{padding-left:0}div.ruby-grid > div.ruby-row div.ruby-col-1{width:8.33%}div.ruby-grid > div.ruby-row div.ruby-col-2{width:16.66%}div.ruby-grid > div.ruby-row div.ruby-col-3{width:25%}div.ruby-grid > div.ruby-row div.ruby-col-4{width:33.33%}div.ruby-grid > div.ruby-row div.ruby-col-5{width:41.66%}div.ruby-grid > div.ruby-row div.ruby-col-6{width:50%}div.ruby-grid > div.ruby-row div.ruby-col-7{width:58.33%}div.ruby-grid > div.ruby-row div.ruby-col-8{width:66.66%}div.ruby-grid > div.ruby-row div.ruby-col-9{width:75%}div.ruby-grid > div.ruby-row div.ruby-col-10{width:83.33%}div.ruby-grid > div.ruby-row div.ruby-col-11{width:91.66%}div.ruby-grid > div.ruby-row div.ruby-col-12{width:100%}div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after{content:"";position:absolute;top:0;width:1px;height:100%;right:0;background:-webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)}div.ruby-grid.ruby-grid-lined > div.ruby-row.no-right-border > div[class^="ruby-col"]:after{display:none;}div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after{width:0}div.ruby-grid img{position:relative;max-width:74%;height:auto;display:block}h3.ruby-list-heading{font-size:14px;line-height:24px;font-weight:700;margin:0}ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul{margin:0;margin-top:0px}ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li{position:relative;font-size:var(--fontSize20ViewPort1440);line-height:25px;display:block;border-bottom: 1px solid #f5f5f5;margin-left:0px;width:100%}ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a{text-decoration:none;color:#555;padding:8px 14px 8px 0px;display:inline-block}ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover{color:#222;}ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa{position:relative;width:24px}ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li{height:50px}ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc{font-size:11px;display:block;position:absolute;top:16px;left:72px;color:#999}ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img{float:left;width:60px;margin-right:12px}span.ruby-c-title,span.ruby-c-category,span.ruby-c-date{position:relative;display:block}span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a{text-decoration:none}span.ruby-c-title,span.ruby-c-title a{font-size:14px;font-weight:700;text-transform:capitalize;line-height:20px;margin-top:-5px;color:#222}span.ruby-c-title a:hover{color:#444;text-decoration:underline}span.ruby-c-category,span.ruby-c-category a{font-size:11px;margin:9px 0;color:#444}span.ruby-c-date,span.ruby-c-date a{font-size:11px;color:#444}span.ruby-c-category a:hover,span.ruby-c-date a:hover{color:#19ad86}div.ruby-c-inline{display:block;position:relative;height:14px;margin:7px 0}div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date{position:absolute;display:inline-block}div.ruby-c-inline span.ruby-c-date{right:0}div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a{margin:0}span.ruby-c-content{display:block;position:relative;top:7px;font-size:12px;line-height:18px;text-align:justify}.ruby-wrapper .visible-xs{visibility:hidden;position:absolute}@media(min-width:768px){.ruby-wrapper.ruby-menu-transparent{background:none}.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a{background:none}.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a{border:none}.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a{border:none}.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover{background:none;color:#e2e2e2}.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a{background:none}.ruby-wrapper.ruby-menu-full-width{width:100%}.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu{width:980px;margin:0 auto}ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul{visibility:hidden;opacity:0}ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul{visibility:visible;opacity:1}ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div{visibility:hidden;opacity:0}ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div{visibility:visible;opacity:1}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div{visibility:hidden;opacity:0}ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div{visibility:visible;opacity:1}ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div{visibility:visible;opacity:1;z-index:101}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div{visibility:hidden;opacity:0}ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div{visibility:visible;opacity:1}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after{height:1px;position:absolute;content:'';background-color:#19ad86;width:0}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before{top:10px;left:5%}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after{bottom:10px;right:5%}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,.snip1217 .current a{color:#333}ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after{width:90%}ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after{font-family:"FontAwesome";text-decoration:none;font-size:16px;padding:0;content:'\f105';position:absolute;right:15px}ul.ruby-menu > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after{content:'\f104';right:auto;left:10px}ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}}

/* transisions */
span.ruby-dropdown-toggle {
    transition: transform .6s ease
}

span.ruby-dropdown-toggle:after {
    transition: transform .6s ease
}

@media(min-width: 767px) {
    ul.ruby-menu > li > a:after {
        transition:all .6s ease
    }

    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        transition: all .6s ease
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > div {
        transform: translateY(25px);
        transition: all .6s ease
    }

    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        transform: translateX(25px);
        transition: all .6s ease
    }

    ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
        transform: translateX(-25px);
        transition: all .6s ease
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateY(-50px);
        transition: all .6s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateY(-50px);
        transition: all .6s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }
}


.four-items-collumns{   
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    justify-content: center;
    flex-wrap: wrap;
    gap: 0rem 1rem;
    padding-block: 0.5rem 2rem;
    margin: auto;
    max-width: 100%;
} 
.mega-all-link{
    padding: 0px 0px 0px 40px;
}
.mega-all-link a{
    padding-left: 0px !important;
    color: var(--textColorGreyOnwhite); 
    text-decoration: underline;
}
.mega-first-sub {
    padding-top: 26px;
}
/*** MEGA MENU END  ***/